<template>
    <div class="main_box">
        <div class="nav">
            <div class="logo"></div>
            <div class="main_nav">
                <router-link :to="{name:'adminHome'}" active-class="main_active">首页</router-link>
                <router-link :to="{name:'systemSetting'}" active-class="main_active">系统设置</router-link>
            </div>
        </div>
        <div class="content_box">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
export default {
    name: 'AdminHome'
}
</script>
<style scoped>
a {
    width: 100px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    /* margin-right: 10px; */
    font-size: 14px;
}
.main_active {
    border-bottom: 2px solid white ;
}
.main_box{
    width: 100%;
    height: 100%;
}
.nav {
    width: 100%;
    height: 50px;
    background-color: #495060;
    display: flex;
}
.logo {
    width: 260px;
}
.main_nav {
    height: 100%;
    width: calc(100% - 260px);
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
.content_box {
    height: 100%;
    background-color: #f0f0f0;
}
</style>